<template>
  <div class="home">
    {{msg}}
    <!-- 用子 使用子组件 -->
    <h1>这个输入框是子组件的,用来动态接收父组件的数据！传入子组件！</h1>
    <inputmy type1="text" :value1="value1" @sonMethod="fatherMethod"></inputmy>
    <h1>下面输入框是父组件的</h1>
    <input type="text" v-model="value1">
    <h1>下面输出子组件中的数据！</h1>
    {{mysonValue}}
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'
//声子 声明子组件
import son1 from '@/components/son1'
export default {
  data() {
    return {
      msg:"hello蜗牛学苑",
      myinputtype1:"password",
      value1:"",
      mysonValue:"子组件传过来的值，默认！"//这个值 将会被子组件所修改！
    }
  },
  name: 'Home',
  //vue的属性，components 组件的配置点
  components: {
    HelloWorld,
    // 挂子  挂载子组件
    inputmy:son1
  },
  methods:{
    fatherMethod(data){
        console.log(data);
        this.mysonValue = data
    }
  }
}
</script>
